<%-- 
    Document   : login
    Created on : Oct 25, 2012, 11:04:52 PM
    Author     : ntfsbk
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>4nse Welcome</title>
        <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>/css/login.css"/>
        <script type="text/javascript" src="<%= request.getContextPath()%>/js/jquery-1.7.min.js"></script>
        <script type="text/javascript" src="<%= request.getContextPath()%>/js/login.js"></script>
    </head>

    <body>

        <div class="wrapper">
            <div class="header-bar">
                <div class="header content clearfix">
                    <img class="logo" src="<%= request.getContextPath()%>/images/noHUST.png"/>
                    <span class="signup-button">
                        <a id="link-signup" class="button button-red" href="<%= request.getContextPath()%>/login/signUp.htm">Sign Up </a>
                    </span>
                </div>
            </div>
        </div>

        <div class="main content clearfix">
            <div class="sign-in">
                <div class="signin-box">
                    <h2>Sign In <strong></strong></h2>
                    <form id="gaia_loginform" action="#" method="post">
                        <input type="hidden" id="UrlController" value="<%= request.getContextPath()%>/login/checkLogin.htm"/>
                        <input type="hidden" id="UrlRedirect" value="<%= request.getContextPath()%>/profile/profile.htm"/>
                        <input type="hidden" id="UrlRedirectAdmin" value="<%= request.getContextPath()%>/admin/admin.htm"/>
                        <div class="email-div">
                            <label for="Email"><strong class="email-label">User</strong></label>
                            <input name="UserName" id="UserName" value="" type="text"/>
                            <div id="UserEmpty" ><font color="red">Enter your email address.</font></div>
                        </div>

                        <div class="passwd-div">
                            <label for="Passwd"><strong class="passwd-label">Password</strong></label>
                            <input name="Passwd" id="Passwd" type="password"/>
                            <div id="PassEmpty" ><font color="red">Enter your password.</font></div>
                            <div id="LoginFail" ><font color="red">The username or password you entered is incorrect.</font></div>
                        </div>
                        <input id="signIn" class="button button-submit" type="submit" value="Sign In" name="signIn"/>
                        <label class="remember" onclick="">
                            <input id="PersistentCookie" type="checkbox" checked="checked" value="yes" name="PersistentCookie"/>
                            <strong class="remember-label"> Stay signed in </strong>
                        </label>
                    </form>

                </div>
            </div> 

            <div class="product-info lh2">
                <div class="product-headers">
                    <h1 class="redtext">Album Web SE K53</h1>
                </div>
                <div class="labels">
                    <p class="share">Share photos with friends and family</p>
                    <p class="explore">...or explore public photos</p>
                </div>
            </div>

            <div class="images">
                <a id="leftImg" class="share" href="#">
                    <img src="<%= request.getContextPath()%>/images/left-5.jpg" style="border:1px solid #0000ff" height="200" width="305"/>
                </a>
                <a id="rightImg" class="explore" href="#">
                    <img src="<%= request.getContextPath()%>/images/mosaic3.jpg" style="border:1px" height="202" width="202"/>
                </a>
            </div>
        </div> 

    </body>
</html>
